.addFriend {
  .com {
    padding: 15px;

    .myAccount {
      font-size: 12px;
      color: rgba(0, 0, 0, 0.5);
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 14px;

      i {
        background: url(@/static/image/20.png) no-repeat;
        background-size: 100% 100%;
        width: 22px;
        height: 22px;
        display: block;
        margin-left: 10px;
      }

    }

    .scanCode {
      background: #FFFFFF;
      border-radius: 10px;
      padding: 10px 14px;
      margin-top: 30px;
      display: flex;
      align-items: center;

      image {
        width: 57px;
        height: 57px;
        margin-right: 10px;
      }
    }

    .searchIcon {
      font-size: 14px;
      color: rgba(0, 0, 0, 0.8);
      margin-top: 18px;
      display: flex;
      align-items: center;


      text {
        color: #E1862B;
        word-break: break-all;
        display: inline-block;
        width: 230px;
      }

      i {
        background: url(@/static/image/23.png) no-repeat;
        background-size: 100% 100%;
        width: 45px;
        height: 45px;
        display: block;
        margin-right: 10px;
      }
    }

  }
}

.myQrCode {
  .com {
    padding: 85px 10px;

    .code {
      width: 355px;
      height: 357px;
      background: #FFFFFF;
      border-radius: 10px;

      .head {
        text-align: center;
        padding-top: 1px;

        .u-avatar {
          margin: -35px auto 15px;

        }


        >view {
          font-size: 16px;
          color: #000000;
          font-weight: bold;
        }

        .codeBg {
          background: #F2F2F2;
          border-radius: 10px 10px 10px 10px;
          width: 200px;
          height: 200px;
          margin: 25px auto 0;
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .tips {
          font-size: 13px;
          color: rgba(0, 0, 0, 0.5);
          margin-top: 15px;
        }
      }
    }

  }
}

.searchAdd {
  width: 100%;
  height: 100vh;
  background: #fff;


  .topTitle {
    background: #fff;
  }

  .com {
    padding: 30px;
    box-sizing: border-box;
    text-align: center;
    font-size: 15px;
    color: #000;


    .u-avatar {
      margin: 0 auto 15px;
    }

    .u-textarea,
    textarea {
      text-align: left;
      color: #000 !important;
      margin: 20px 0;
    }


  }

  .u-button {
    margin-top: 60px;
  }

}